<template>
  <div>
    <el-button class="AppTopSalary" :class="{ 'st-active': checked }" type="primary" @click="btnClick(item)">
      {{ item.name }}
    </el-button>
  </div>
</template>
<script>
export default {
  props: {
    item: {
      type: Object,
      default: () => {}
    },
    checked: {
      type: Boolean,
      default: () => false
    },
    totalStageId: {
      type: [String, Number],
      default: ''
    }
  },
  data() {
    return {
      checkList: []
    }
  },
  mounted() {},
  methods: {
    btnClick(item) {
      this.$emit('btnApproSalary', item)
      this.$emit('btnApproSearch', item)
    }
  }
}
</script>
<style lang="scss" scoped>

.AppTopSalary {
  padding: 0 10px;
  cursor: pointer;
  caret-color: transparent;
  /* background-color: pink; */
  background: radial-gradient(circle, #557491, #073e56);
  margin: 5px;
  /* border: 1px solid blue; */
  height: 40px;
  border: none !important;
  border-radius: 4px;
  color: #fff;
  line-height: 39px;
}
.el-checkbox {
  margin-right: 10px !important;
  color: #fff !important;
}
.st-active {
  background: rgb(230, 162, 60) !important;
  border-color: rgb(230, 162, 60) !important;
  color: #fff !important;
}

.el-button--primary:hover {
  background: rgb(218, 165, 86);
  border-color: rgb(218, 165, 86);
  color: #fff;
}
</style>
